@charset "utf-8";


@font-face {
	font-family: Avenirnextmedium;
	src: url(../fonts/avenirnextmedium.eot);
	src: local('☺'), url(../fonts/avenirnextmedium.woff) format('woff'), url(../fonts/avenirnextmedium.ttf) format('truetype'), url(../fonts/avenirnextmedium.svg) format('svg');
	font-weight: 400;
	font-style: normal
}

a,
b,
body,
button,
dd,
div,
dl,
em,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
i,
input,
label,
li,
nav,
p,
select,
span,
td,
textarea,
u,
ul {
	padding: 0;
	margin: 0;
	-webkit-tap-highlight-color: transparent
}

li,
ol,
ul {
	list-style: none
}

a {
	text-decoration: none;
	color: #414a60
}

a:active,
a:focus,
a:hover,
button,
input,
textarea {
	outline: 0
}

a:hover {
	color: #fc6c38;
	text-decoration: none
}

img {
	border: none
}


body,
button,
input,
option,
select,
td,
textarea {
	font-family: arial, verdana, helvetica, 'PingFang SC', 'HanHei SC', STHeitiSC-Light, Microsoft Yahei, sans-serif;
	font-size: 14px;
	line-height: 26px;
	color: #414a60;
	-webkit-font-smoothing: antialiased
}


body {
	background: #eef0f5;
	overflow: visible !important
}

body,
html {
	height: 100%
}

#header:after,
#main:after,
.card-list ul:after,
.chat-info:after,
.chat-list li:after,
.clearfix:after,
.detail-top:after,
.history-company:after,
.sec-content:after,
.top-inner:after {
	content: "";
	display: block;
	overflow: hidden;
	visibility: hidden;
	clear: both
}

.clear {
	clear: both;
	display: block;
	line-height: 0;
	font-size: 0;
	height: 0;
	visibility: hidden
}

.btn-login,
.btn:active,
.btn:hover,
.data-tab a,
.ipt-login,
.ipt:focus,
.sel:focus,
.side-menu a,
.user-list li a {
	-webkit-transition: all linear .1s;
	-moz-transition: all linear .1s;
	transition: all linear .1s
}

#header,
.inner,
.top-inner {
	zoom: 1
}

.gray,
.time {
	color: #9fa3b0
}

.red {
	color: red
}

.blue {
	color: #0d98ff
}

.gray-bg {
	background-color: #f3f3f4
}

.pull-left {
	float: left
}

.pull-right {
	float: right
}

.vline {
	display: inline-block;
	border-left: 1px #e0e0e0 solid;
	height: 13px;
	margin: 0 30px;
	vertical-align: middle
}

.hide {
	display: none
}

::selection {
	color: #fff;
	background: #18c3b1
}

::-moz-selection {
	color: #fff;
	background: #18c3b1
}

::-webkit-input-placeholder {
	color: #d1d4db
}

::-moz-placeholder {
	color: #d1d4db
}

:-ms-input-placeholder {
	color: #d1d4db
}

body ::-webkit-scrollbar-track-piece {
	background-color: #fff;
	-webkit-border-radius: 0
}

body ::-webkit-scrollbar {
	width: 4px
}

body ::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #ddd;
	-webkit-border-radius: 4px
}

body ::-webkit-scrollbar-thumb:hover {
	height: 50px;
	background-color: #ccc;
	-webkit-border-radius: 4px
}

.scroll-wrapper {
	overflow: hidden !important;
	padding: 0 !important;
	position: relative
}

.scroll-wrapper>.scroll-content {
	border: none !important;
	box-sizing: content-box !important;
	height: auto;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none !important;
	overflow: scroll !important;
	padding: 0;
	position: relative !important;
	top: 0;
	width: auto !important
}

.scroll-wrapper>.scroll-content::-webkit-scrollbar {
	height: 0;
	width: 0
}

.scroll-element {
	display: none
}

.scroll-element,
.scroll-element div {
	box-sizing: content-box
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
	display: block
}

.scroll-element .scroll-arrow,
.scroll-element .scroll-bar {
	cursor: default
}

.scroll-textarea {
	border: 1px solid #ccc;
	border-top-color: #999
}

.scroll-textarea>.scroll-content {
	overflow: hidden !important
}

.scroll-textarea>.scroll-content>textarea {
	border: none !important;
	box-sizing: border-box;
	height: 100% !important;
	margin: 0;
	max-height: none !important;
	max-width: none !important;
	overflow: scroll !important;
	outline: 0;
	padding: 2px;
	position: relative !important;
	top: 0;
	width: 100% !important
}

.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
	height: 0;
	width: 0
}

.scroll-element,
.scroll-element div {
	background: 0 0;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10
}

.scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%
}

.scroll-element .scroll-element_track {
	display: none
}

.scroll-element .scroll-bar {
	background-color: #c1c1c1;
	display: block;
	border-radius: 7px;
	-webkit-transition: background .2s linear;
	-ms-transition: background .2s linear;
	transition: background .2s linear
}

.scroll-element.scroll-x {
	bottom: 0;
	height: 0;
	left: 0;
	min-width: 100%;
	overflow: visible;
	width: 100%
}

.scroll-element.scroll-y {
	height: 100%;
	min-height: 100%;
	right: 0;
	top: 0;
	width: 0
}

.scroll-element .scroll-bar:hover {
	background-color: #a8a8a8
}

.scroll-element.scroll-x .scroll-bar {
	height: 7px;
	min-width: 10px;
	top: -9px
}

.scroll-element.scroll-y .scroll-bar {
	left: -5px;
	min-height: 10px;
	width: 5px
}

.scroll-element.scroll-x .scroll-element_outer {
	left: 2px
}

.scroll-element.scroll-x .scroll-element_size {
	left: -4px
}

.scroll-element.scroll-y .scroll-element_outer {
	top: 2px
}

.scroll-element.scroll-y .scroll-element_size {
	top: -4px
}

.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
	left: -11px
}

.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
	top: -11px
}

.scrollbar-macosx .scroll-element .scroll-bar {
	opacity: 0;
	-webkit-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear
}

.scrollbar-macosx .scroll-element.scroll-y .scroll-bar {
	width: 4px;
	left: -4px
}

.scrollbar-macosx:hover .scroll-element .scroll-bar {
	opacity: 1
}

.slider-container {
	width: 212px;
	padding: 40px 0 10px;
	margin-left: 5px;
	position: relative
}

.slider-container .back-bar {
	height: 2px;
	position: relative;
	background-color: #e8e8e8
}


.badge-blue,
.badge-new,
.badge-num {
	font-style: normal;
	border: 1px #18c3b1 solid;
	border-radius: 10px;
	color: #18c3b1;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	height: 14px;
	line-height: 14px;
	text-align: center;
	padding: 0 5px
}

.badge-num {
	border-color: #fb8f6e;
	color: #fb8f6e
}

.badge-blue {
	background-color: #62d5c8;
	border-color: #62d5c8;
	height: 22px;
	line-height: 22px;
	border-radius: 12px;
	padding: 0 10px;
	color: #fff;
	margin-top: 1px
}

.text-blue {
	color: #18c3b1;
	padding-left: 5px
}

.chat-controls a,
.chat-sider a,
.checkbox input[type=checkbox]:checked~span:before,
.deal-layer:before,
.detail-bottom .btns .btn,
.detail-bottom .btns a,
.dropdown-opmenu .dropdown-label,
.fz,
.icon-arow-right,
.icon-contact,
.icon-fail-message,
.icon-resume,
.icon-weixin,
.jconfirm .pop-imgview .jconfirm-box div.closeIcon,
.jconfirm-box div.closeIcon,
.link-attachment,
.link-fullscreen,
.op-settop,
.position-sec a.btn-release:after,
.user-list .top-list li a:after {
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	background-image: url(../images/icons-op.png);
	background-repeat: no-repeat
}



.icon-contact {
	background-position: 2px -1782px;
	width: 16px;
	height: 16px;
	margin-right: 7px
}

.icon-weixin {
	background-position: 1px -1815px;
	width: 16px;
	height: 16px;
	margin-right: 9px;
	margin-top: -1px
}

.icon-resume {
	background-position: 1px -1852px;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	margin-left: -1px
}

.icon-arow-right {
	background-position: -47px -1781px;
	width: 16px;
	height: 16px;
	margin-left: 7px;
	margin: -2px -5px 0 7px
}

.icon-file-bmp,
.icon-file-doc,
.icon-file-gif,
.icon-file-jpg,
.icon-file-pdf,
.icon-file-png,
.icon-file-ppt,
.icon-file-zip {
	display: inline-block;
	width: 40px;
	height: 44px;
	margin-top: 3px;
	background: url(../images/icons-files.png) no-repeat
}

.icon-file-bmp {
	background-position: 0 0
}

.icon-file-doc {
	background-position: 0 -50px
}

.icon-file-gif {
	background-position: 0 -100px
}

.icon-file-jpg {
	background-position: 0 -150px
}

.icon-file-pdf {
	background-position: 0 -200px
}

.icon-file-png {
	background-position: 0 -250px
}

.icon-file-ppt {
	background-position: 0 -300px
}

.icon-file-zip {
	background-position: 0 -350px
}

.icon-fail-message {
	width: 16px;
	height: 16px;
	background-position: 1px -1936px;
	margin: -2px 5px 0 0
}

.ipt {
	padding: 6px 12px 5px 7px;
	min-height: 22px;
	line-height: 22px;
	border: 1px solid #e3e7ed;
	vertical-align: middle;
	border-radius: 1px;
	min-width: 300px
}

.btn-login,
.btn:active,
.btn:hover,
.ipt-login,
.ipt:focus,
.menu-more,
.nav li a,
.other-way a,
.prop-list-right .extra-block a,
.sel:focus,
.side-menu li a {
	-webkit-transition: all linear .2s;
	transition: all linear .2s
}

.ipt:focus {
	border-color: #18c3b1
}

.ipt-area {
	width: 400px;
	height: 100px
}

.error:focus,
input.error,
textarea.error {
	border-color: red
}

.ipt-short {
	width: 150px;
	min-width: 0
}

.ipt-num {
	width: 80px;
	min-width: 0
}

.ipt-long {
	width: 100%
}

.ipt-wrap {
	position: relative
}

.ipt-wrap .ipt {
	padding-right: 40px
}

.ipt-wrap .num {
	position: absolute;
	right: 10px;
	top: -4px;
	font-style: normal;
	color: #ccc
}

.ipt-wrap .num em {
	font-style: normal
}

.ipt-wrap .num .red {
	color: red
}

.btn {
	display: inline-block;
	padding: 0 30px;
	line-height: 32px;
	background-color: #5dd5c8;
	border: 1px solid #5dd5c8;
	color: #fff;
	font-size: 14px;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 10px
}

.btn:not(.disabled):hover {
	background-color: #6adbcf;
	color: #fff;
	border-color: #6adbcf
}

.btn-slight {
	background: #fff;
	border-color: #e7eaec;
	color: #aaa
}

.btn-slight:not(.disabled):hover {
	border-color: #d2d2d2;
	background-color: #fff;
	color: #aaa
}

.btn-warning {
	border-color: #e89d4b;
	background: #f8ac59
}

.btn-warning:not(.disabled):hover {
	background: #de984d;
	border-color: #ce8b40
}

.btn-danger {
	border-color: #db4b55;
	background: #ef505e
}

.btn-danger:not(.disabled):hover {
	background: #d84852;
	border-color: #b93e48
}

.btn-success {
	border-color: #1ab394;
	background: #1ab394
}

.btn-success:not(.disabled):hover {
	background: #1a987e;
	border-color: #1a987e
}

.btn-muted {
	border-color: #d1d1d1;
	background: #ddd;
	color: #5e5e5d
}

.btn-muted:not(.disabled):hover {
	background: #cbcbcb;
	border-color: #bfbfbf;
	color: #5e5e5d
}

.btn-continue,
.btn.btn-outline {
	border-color: #5dd5c8;
	background-color: #fff;
	color: #5dd5c8
}

.btn-continue:hover,
.btn.btn-outline:hover {
	background-color: #6adbcf;
	border-color: #6adbcf;
	color: #fff
}

.btn-warning.btn-outline {
	border-color: #f8ac59;
	color: #f8ac59
}

.btn-warning.btn-outline:hover {
	background-color: #29d8c4;
	color: #fff
}

.btn-danger.btn-outline {
	border-color: #ef505e;
	color: #ef505e
}

.btn-danger.btn-outline:hover {
	background-color: #ef505e;
	color: #fff
}

.btn-success.btn-outline {
	border-color: #1ab394;
	color: #1ab394
}

.btn-success.btn-outline:hover {
	background-color: #1ab394;
	color: #fff
}

.btn-slight.btn-outline {
	border-color: #e7eaec;
	color: #aaa
}

.btn-slight.btn-outline:hover {
	border-color: #d2d2d2;
	background-color: #e7eaec;
	color: #aaa
}

.btn-small {
	padding: 2px 10px 1px;
	height: auto;
	font-size: 12px
}

.btn .fa {
	margin-right: 3px
}

.sel {
	margin-right: 10px;
	padding: 6px 7px 7px;
	vertical-align: middle;
	border: 1px solid #e5e6e7;
	border-radius: 1px;
	outline: 0
}

.sel:focus {
	border-color: #18c3b1
}

.sel-multiple,
.sel-pretty {
	min-width: 300px
}

.dropdown-select {
	display: inline-block;
	position: relative
}

.jq-dropdown-tip {
	margin-left: -65px
}

.jq-dropdown-tip:before {
	left: 80px !important
}

.jq-dropdown-tip:after {
	left: 81px !important
}

.tip-warning {
	background-color: #fcf8e3;
	color: #8a6d3b;
	border: 1px solid #faebcc
}

.tip-error,
.tip-success,
.tip-warning {
	padding: 8px 15px;
	margin: 15px auto;
	border-radius: 4px
}

.tip-success {
	background-color: #dff0d8;
	color: #3c763d;
	border: 1px solid #d6e9c6
}

.tip-error {
	background-color: #f2dede;
	color: #a94442;
	border: 1px solid #ebccd1
}

.data-manage {
	width: 100%;
	margin-top: 20px;
	min-width: 600px
}

.data-manage td {
	padding: 10px 5px 10px 0
}

.data-manage td.t {
	width: 180px;
	text-align: right;
	vertical-align: top;
	padding-right: 20px;
	padding-top: 14px
}

.data-manage td.t-top {
	vertical-align: top
}

.data-manage img {
	vertical-align: middle;
	margin-right: 10px
}

.data-manage td em.red {
	font-style: normal;
	padding-left: 10px;
	display: inline-block;
	vertical-align: middle
}

.data-manage label.error {
	color: red;
	margin-left: 10px
}

.data-manage .tip-text {
	color: #999
}

.checkbox input[type=checkbox],
.radio input[type=radio] {
	position: absolute;
	z-index: -100;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	opacity: 0;
	width: 0;
	height: 0;
	overflow: hidden
}

.checkbox input[type=checkbox]~span,
.radio input[type=radio]~span {
	display: inline-block;
	cursor: pointer;
	position: relative;
	min-height: 18px;
	padding-left: 24px
}

.checkbox input[type=checkbox]~span:before,
.radio input[type=radio]~span:before {
	content: "";
	width: 10px;
	height: 10px;
	line-height: 10px;
	text-align: center;
	margin-right: .5em;
	display: block;
	border: 1px solid #dedfe5;
	position: absolute;
	left: 0;
	z-index: 2;
	background: #fff;
	top: 7px;
	-webkit-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out
}

.checkbox input[type=checkbox]~span:after,
.radio input[type=radio]~span:after {
	content: "";
	width: 24px;
	height: 24px;
	position: absolute;
	display: inline-block;
	vertical-align: sub;
	z-index: 1;
	left: -4px;
	margin-top: 1px;
	border-radius: 50%
}

.radio input[type=radio]~span:before {
	border-radius: 50%
}

.radio input[type=radio]:checked~span:before {
	background: #53cac3;
	border-color: #53cac3;
	box-shadow: inset 0 0 0 2px #fff
}

.checkbox input[type=checkbox]~span:before {
	border-radius: 0
}

.checkbox input[type=checkbox]:checked~span:before {
	content: "";
	background-color: #53cac3;
	width: 12px;
	height: 12px;
	border: 0;
	background-position: -48px -144px;
	border-color: #53cac3;
	color: #fff
}

.radio-square input[type=radio] {
	display: block;
	height: 0;
	visibility: hidden
}

.radio-square span {
	padding: 20px;
	min-width: 34px;
	border: 1px #eee solid;
	display: inline-block;
	position: relative;
	cursor: pointer;
	text-align: center
}

.radio-square input[type=radio]:checked~span {
	border: 2px #53cac3 solid;
	padding: 19px;
	color: #53cac3
}

.radio-square input[type=radio]:checked~span:before {
	position: absolute;
	bottom: 0;
	right: 5px;
	font-size: 20px;
	content: "\2714";
	color: #53cac3
}

.i-checks {
	width: 16px;
	height: 16px;
	vertical-align: middle
}

.disabled {
	cursor: default;
	opacity: .5
}

.ui-switch {
	display: inline-flex;
	align-items: center;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	vertical-align: middle
}

.ui-switch-input {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
	margin: 0
}

.ui-switch-span {
	margin: 0;
	display: inline-block;
	position: relative;
	width: 40px;
	height: 20px;
	border: 1px solid #dcdfe6;
	outline: 0;
	border-radius: 10px;
	box-sizing: border-box;
	background: #dcdfe6;
	cursor: pointer;
	transition: border-color .3s, background-color .3s;
	vertical-align: middle
}

.ui-switch-checked .ui-switch-span {
	width: 40px;
	border-color: #2cc7b7;
	background-color: #2cc7b7
}

.ui-switch-span:after {
	content: "";
	position: absolute;
	top: 1px;
	left: 1px;
	border-radius: 100%;
	transition: all .3s;
	width: 16px;
	height: 16px;
	background-color: #fff
}

.ui-switch-checked .ui-switch-span:after {
	left: 100%;
	margin-left: -17px
}

.icon-menu-chat,
.icon-menu-colleague,
.icon-menu-company,
.icon-menu-companyprop,
.icon-menu-health,
.icon-menu-position,
.icon-menu-prop,
.icon-menu-recommend,
.icon-menu-resume,
.icon-menu-search,
.icon-menu-viewed {
	display: inline-block;
	width: 20px;
	height: 30px;
	margin-right: 10px;
	background: url(../images/icons-menu.png) no-repeat;
	vertical-align: middle;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

#header {
	width: 100%;
	height: 54px;
	background: #fff;
	z-index: 101;
	position: fixed;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .03)
}

.logo {
	position: relative;
	width: 160px;
	height: 54px;
	float: left;
	font-weight: 400;
	background: #28c3b1
}

.logo img {
	width: 160px;
	height: 54px
}

.logo span {
	display: none
}

.top-inner {
	padding: 0 50px 0 210px;
	max-width: 1180px;
	min-width: 600px;
	margin: 0 auto
}

.top-op {
	float: left;
	padding-top: 3px;
	display: none
}

.top-op .top-menu {
	float: left;
	padding-top: 4px;
	margin-left: -1px
}

.top-op .top-menu span {
	display: inline-block;
	padding-top: 7px
}

.top-op .top-menu em {
	font-style: normal
}

.top-op .top-menu a {
	display: inline-block;
	position: relative;
	height: 40px;
	line-height: 40px;
	margin-right: 42px;
	padding: 0 2px;
	color: #9fa3b0
}

.top-op .top-menu a:last-child {
	margin-right: 0
}

.top-op .top-menu a:first-of-type {
	padding-left: 0
}

.top-op .top-menu a:hover {
	color: #414a60
}

.top-op .top-menu a.cur {
	color: #414a60
}

.top-op .dropdown-select {
	padding-right: 25px
}

.top-op .top-menu a.cur:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 2px;
	background-color: #62d5c8;
	left: -1px;
	bottom: -8px
}

.top-op .dropdown-wrap {
	float: left;
	margin-left: 30px;
	margin-top: 11px
}

.top-chat.top-op .dropdown-wrap {
	margin-left: 0
}

.top-op .dropdown-wrap .dropdown-select em {
	font-style: normal
}

.top-op .dropdown-wrap .dropdown-select:after {
	right: 0;
	top: 5px;
	background-position: 3px 6px
}

.top-op .dropdown-wrap .dropdown-select:hover {
	color: #00d7c6
}

.top-op .dropdown-wrap .dropdown-select:hover:after {
	background-position: 3px -88px
}

.top-op .dropdown-menu {
	min-width: 230px;
	max-width: 300px;
	width: auto
}

.top-op .dropdown-menu:before,
.top-user .dropdown-menu:before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	top: -6px;
	left: 20px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: -1px -1px 10px rgba(0, 0, 0, .09)
}

.top-op .dropdown-menu ul {
	position: relative;
	background-color: #fff
}

.top-op .dropdown-menu li,
.top-op .dropdown-menu li a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.top-op .dropdown-menu-open .dropdown-select:after {
	transform: rotate(-180deg)
}

.top-op .top-menu .interview-count {
	margin-left: 15px
}

.top-op .top-menu .interview-count em {
	padding: 0 2px;
	color: #00c2b3
}

.top-colleague span {
	padding-right: 30px
}

.top-user {
	float: right;
	height: 54px;
	line-height: 54px;
	position: relative
}

.top-slogan {
	float: right;
	vertical-align: middle;
	padding-top: 5px
}

.icon-menu-help,
.icon-menu-set,
.icon-menu-signout {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/icons-header.png) no-repeat;
	vertical-align: middle;
	-webkit-background-size: 100% auto;
	background-size: 100% auto
}

.icon-menu-set {
	background-position: 0 -84px
}

.icon-menu-signout {
	background-position: 0 -159px
}

.top-user a.interview-detail:hover,
.top-user a.vip-detail:hover {
	color: #00c2b3
}

.top-user a.interview-detail .dot {
	display: inline-block;
	vertical-align: top;
	width: 6px;
	height: 6px;
	margin-top: 17px;
	border-radius: 6px;
	background: #fa6a43
}

.top-user .link-help,
.top-user .link-set {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	margin-top: -5px
}

.top-user .dropdown-logout:hover .icon-menu-signout {
	background-position: 0 -195px
}

.top-user .link-set:hover .icon-menu-set {
	background-position: 0 -120px
}

.top-user .link-help:hover .icon-menu-help {
	background-position: 0 -44px
}

.top-user .vline {
	margin: 0 6px 0;
	border-left-color: #ecedef;
	height: 18px;
	vertical-align: middle
}

.top-user .link-set {
	padding: 0 5px
}

.top-user .link-promotion {
	display: inline-block;
	height: 50px;
	vertical-align: middle
}

.top-user .link-promotion img {
	display: block;
	margin-top: -2px
}

.dropdown-logout .dropdown-select,
.top-user .interview-detail,
.top-user .link-feedback,
.top-user .link-vipaccount,
.top-user .records-center,
.top-user .vip-detail {
	display: inline-block;
	line-height: 40px;
	padding: 0 12px;
	margin-left: 3px
}

.dropdown-logout.dropdown-menu-open .dropdown-select,
.top-user .interview-detail:hover,
.top-user .link-feedback:hover,
.top-user .link-vipaccount:hover,
.top-user .records-center:hover,
.top-user .vip-detail:hover {
	background-color: #f2f5fa;
	color: #414a60
}

.top-user .interview-detail .dot {
	display: inline-block;
	vertical-align: top;
	width: 6px;
	height: 6px;
	margin: 12px 0 0 3px;
	border-radius: 6px;
	background: #fa6a43
}

.top-user .records-center .num {
	display: inline-block;
	vertical-align: top;
	width: 14px;
	height: 14px;
	text-align: center;
	border-radius: 100%;
	background-color: #ff7265;
	color: #fff;
	margin-top: 13px;
	margin-left: 4px;
	font-size: 12px;
	line-height: 14px
}

.top-user .recharge-ios {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	margin-top: -2px;
	color: #646c7f;
	padding-right: 10px
}

.top-user .recharge-ios:hover {
	color: #00d7c6;
	transition: all .2s
}

.company-title {
	float: left;
	margin: 13px 0 0 40px
}

.top-user .dropdown-vipaccount {
	position: static
}

.dropdown-vipaccount .dropdown-select:after {
	display: none
}

.top-user .link-user-xperience {
	color: #18c3b1;
	display: inline-block;
	margin-top: -2px;
	vertical-align: middle;
	margin-right: 25px
}

.top-user .link-user-xperience:hover {
	color: #00d7c6;
	transition: all .2s
}

.top-user .top-message-menu {
	text-align: center;
	width: 20px;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	position: relative
}

.top-user .top-message-menu:hover {
	color: #5ed5c8;
	background-color: #f2f5fa
}

.top-user .top-message-menu .message-red-point {
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #ff7265;
	top: 9px;
	right: 10px
}

.top-user .dropdown-help-and-feedback {
	margin: 0 10px
}

.top-user .dropdown-help-and-feedback .dropdown-select:hover {
	color: #00d7c6
}

.top-user .dropdown-help-and-feedback .dropdown-select::after {
	display: none
}

.top-user .dropdown-help-and-feedback .dropdown-menu {
	width: 100px;
	top: 54px;
	right: -15px;
	left: auto
}

.top-user .dropdown-help-and-feedback .dropdown-menu ul {
	position: relative;
	text-align: center
}

.top-user .dropdown-help-and-feedback .dropdown-menu:before {
	left: 44px
}

.dropdown-vipaccount .dropdown-menu {
	right: 0;
	top: 54px;
	left: auto;
	width: 375px
}

.dropdown-vipaccount .dropdown-menu:before {
	display: none
}

.vip-frame {
	background-color: #fff;
	position: relative;
	height: 580px
}

.vip-frame iframe {
	width: 375px;
	height: 580px;
	border: 0
}

.dropdown-logout .dropdown-select:after {
	display: none
}

.dropdown-logout .dropdown-menu {
	width: 214px;
	top: 54px;
	right: 0;
	left: auto
}

.dropdown-logout .dropdown-menu ul {
	position: relative;
	max-height: none
}

.dropdown-logout .dropdown-menu:before {
	display: none
}

.dropdown-logout .dropdown-menu li {
	line-height: 22px;
	padding: 0
}

.dropdown-logout .dropdown-menu li a {
	line-height: 22px;
	padding: 10px 25px;
	color: #414a60;
	position: relative
}

.dropdown-logout .dropdown-menu li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 25px;
	right: 25px;
	height: 1px;
	background-color: #f2f5fa
}

.dropdown-logout .dropdown-menu li a.link-account:after {
	display: none
}

.dropdown-logout .dropdown-menu li span {
	display: block;
	font-size: 12px;
	color: #9fa3b0
}

.dropdown-logout .dropdown-select img {
	width: 24px;
	height: 24px;
	border-radius: 100%;
	vertical-align: middle;
	margin-top: -3px
}

.dropdown-logout .dropdown-menu li a.link-apply,
.dropdown-logout .dropdown-menu li a.link-signout {
	margin-top: 6px
}

.dropdown-logout .dropdown-menu li a.link-apply:after,
.dropdown-logout .dropdown-menu li a.link-signout:after {
	bottom: auto;
	left: 0;
	right: 0;
	top: -6px;
	height: 6px;
	background-color: #f2f5fa
}

.dropdown-logout .dropdown-menu li a.link-apply:hover,
.dropdown-logout .dropdown-menu li a.link-signout:hover {
	background-color: #fff;
	color: #00d7c6
}

.recruit-tip {
	display: none;
	position: absolute;
	bottom: 0;
	left: -313px;
	width: 298px;
	height: 280px !important;
	text-align: center;
	border: 1px #f6f6f6 solid;
	line-height: 20px;
	border-radius: 8px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .08);
	box-shadow: 0 0 10px rgba(0, 0, 0, .08)
}

.recruit-tip img {
	width: 280px;
	height: 180px;
	border-radius: 0;
	margin-top: 8px
}

.recruit-tip span {
	display: block;
	padding: 0 30px;
	margin-top: 12px
}

.recruit-tip:after {
	content: '';
	position: absolute;
	right: -6px;
	bottom: 85px;
	width: 14px;
	height: 14px;
	background-color: #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.side-wrap {
	position: fixed;
	width: 160px;
	height: 100%;
	top: 0;
	z-index: 100;
	box-shadow: 1px 0 5px rgba(0, 0, 0, .05);
	background: #252830
}

.side-menu {
	width: 160px;
	margin-top: 68px;
	height: 100%;
	overflow: auto
}

.side-menu .figure {
	text-align: center;
	padding: 13px 0 8px
}

.side-menu .figure img {
	width: 60px;
	height: 60px;
	border-radius: 100%
}

.side-menu .figure span {
	display: block;
	color: #fff;
	font-size: 14px;
	margin-top: 5px;
	padding: 0 5px;
	word-break: break-all;
	word-wrap: break-word
}

.side-menu .title {
	border-left: 3px #4285f4 solid;
	font-size: 14px;
	padding: 5px 10px
}

.side-wrap ::-webkit-scrollbar-track-piece {
	background-color: #181f24;
	-webkit-border-radius: 0
}

.side-wrap ::-webkit-scrollbar {
	width: 4px
}

.side-wrap ::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #506271;
	-webkit-border-radius: 4px
}

.side-wrap ::-webkit-scrollbar-thumb:hover {
	height: 50px;
	background-color: #647c90;
	-webkit-border-radius: 4px
}

.side-menu dl {
	min-height: 30px
}

.side-menu dl a {
	display: block;
	padding: 5px 0 5px 23px;
	color: #8ca1af;
	position: relative
}

.side-menu dl dt {
	line-height: 52px;
	font-size: 15px
}

.icon-menu-position {
	background-position: 2px 5px
}

.icon-menu-recommend {
	background-position: 2px -66px
}

.icon-menu-viewed {
	background-position: 0 -167px
}

.icon-menu-search {
	background-position: 1px -202px
}

.icon-menu-chat {
	background-position: 2px -274px
}

.icon-menu-prop {
	background-position: 1px -347px
}

.icon-menu-company {
	background-position: 1px -420px
}

.icon-menu-colleague {
	background-position: 2px -572px
}

.icon-menu-resume {
	background-position: 2px -663px
}

.side-menu .cur dt .icon-menu-position,
.side-menu dl dt a:hover .icon-menu-position {
	background-position: 2px -30px
}

.side-menu .cur dt .icon-menu-recommend,
.side-menu dl dt a:hover .icon-menu-recommend {
	background-position: 2px -101px
}

.side-menu .cur dt .icon-menu-viewed,
.side-menu dl dt a:hover .icon-menu-viewed {
	background-position: 0 -203px
}

.side-menu .cur dt .icon-menu-search,
.side-menu dl dt a:hover .icon-menu-search {
	background-position: 1px -238px
}

.side-menu .cur dt .icon-menu-chat,
.side-menu dl dt a:hover .icon-menu-chat {
	background-position: 2px -312px
}

.side-menu .cur dt .icon-menu-prop,
.side-menu dl dt a:hover .icon-menu-prop {
	background-position: 1px -383px
}

.side-menu .cur dt .icon-menu-company,
.side-menu dl dt a:hover .icon-menu-company {
	background-position: 1px -457px
}

.side-menu .cur dt .icon-menu-colleague,
.side-menu dl dt a:hover .icon-menu-colleague {
	background-position: 2px -616px
}

.side-menu .cur dt .icon-menu-resume,
.side-menu dl dt a:hover .icon-menu-resume {
	background-position: 2px -707px
}

.side-menu .cur dt .icon-menu-interview,
.side-menu dl dt a:hover .icon-menu-interview {
	color: #8a7ee4
}

.side-menu .menu-geekinterview-inner a {
	position: relative;
	padding-left: 53px
}

.icon-menu-interview {
	position: absolute;
	left: 24px;
	top: 4px;
	width: 20px;
	margin-right: 10px;
	color: #3e4249;
	font-size: 18px
}

.side-menu dl dt a {
	color: #63676f
}

.side-menu dl.cur dt a {
	color: #fff;
	background-color: #20242a
}

.side-menu dl dt a:hover {
	color: #fff
}

.side-menu dt img {
	width: 30px;
	height: 30px;
	float: left;
	border-radius: 3px
}

.side-menu dd {
	display: none
}

.side-menu dd a {
	padding-left: 35px;
	font-size: 12px
}

.side-menu dd a.active {
	background: #f6f6f6;
	color: #f86960
}

.side-menu dd p b {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: 400
}

.side-menu dd p span {
	color: #999
}

.menu-chat-badge,
.notice-badge {
	display: inline-block;
	margin-left: 20px;
	min-width: 15px;
	text-align: center;
	line-height: 17px;
	background-color: #fa6a43;
	color: #fff;
	border-radius: 12px;
	padding: 0 4px;
	white-space: nowrap
}

.menu-chat-badge {
	font-size: 12px;
	display: none
}

.dot-plenty,
.dot-plenty:after,
.dot-plenty:before {
	width: 2px;
	height: 2px;
	background: #fddcd1;
	margin: 0 1px 0 2px;
	position: absolute
}

.dot-plenty {
	position: relative;
	display: inline-block;
	margin-top: -1px;
	vertical-align: middle
}

.dot-plenty:after,
.dot-plenty:before {
	content: ''
}

.dot-plenty:before {
	left: -6px
}

.dot-plenty:after {
	right: -5px
}

.menu-colleague-dot {
	position: absolute;
	width: 5px;
	height: 5px;
	left: 118px;
	top: 22px;
	background: #fa6a43;
	border-radius: 5px
}

.side-bottom-logo {
	text-align: center;
	padding: 20px 0 100px
}

.side-bottom-logo span {
	display: block;
	color: #3e4147
}

.collapse-menu .side-wrap {
	width: 70px
}

.collapse-menu #main {
	margin-left: 70px
}

.menu-account,
.menu-company,
.menu-msgset {
	display: none
}

.side-pronotion {
	text-align: center;
	margin-top: 20px
}

.dialog-promotion-worhr .dialog-container {
	width: 900px;
	margin-left: -450px;
	margin-top: -240px
}

.content-wordhr img {
	display: block;
	height: 480px
}

.pop-frame {
	width: 100%;
	height: 100%;
	border: 0;
	min-height: 400px;
	height: calc(100vh - 232px);
	overflow: auto
}

#main {
	padding-top: 54px
}




iframe{
	float:right;
	width:90vw;
	height:90vh
}
